<template>
  <div>
    <div v-for="image in images" :key="image.id" class="img_list">
      <ImageItem :image=image class="img_item">
      </ImageItem>
    </div>
  </div>
</template>

<script>
import ImageItem from "@/components/image/ImageItem";

export default {
  name: "ImageList",
  data() {
    return {}
  },
  props: {
    images: {
      type: Array,
      default() {
        return []
      },
    },
  },
  mounted() {
    this.loaded = true
  },
  components: {ImageItem}
}
</script>

<style scoped>
.img_list {
  display: flex;
  flex-direction: column;
}

.img_item {
  margin-top: 10px;
}
</style>